<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>文章</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/rsp.css">

    <style>
        .header-content{
            /* width: 90%; */
            /* height: 100px; */
            /* background-color: green; */
            display: flex;
            justify-content: center;
            text-align: center;
            justify-content: space-between;
        }
        .header-nav{
            margin-top: 20px;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            text-align: center;
        }
        .nav-content{
            /* width: 20%; */
            /* text-align: center; */
            /* background-color: red; */
            margin: 0 10px;
            padding: 0 20px;
        }
        .header1{
            /* width: 100%; */
            /* height: 200px; */
            /* background-color: red; */
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
            justify-content: space-between;
            padding-right: 50px;
        }
    </style>
</head>

<body>
   
    <div class="cweb">
        <div class="header1">
            <div></div>
            <div class="header-nav">
                <a href="./index.html">
                    <div class="nav-content">
                        <div>首页</div>
                        <div style="font-size: 10px;color: #c0c0c0;margin-top: 5px;">home</div>
                    </div>
                </a>
                <a href="./anli.html">
                    <div class="nav-content">
                        <div>案例</div>
                        <div style="font-size: 10px;color: #c0c0c0;margin-top: 5px;">case</div>
                    </div>
                </a>
                <a href="./fuwu.html">
                    <div class="nav-content">
                        <div>服务</div>
                        <div style="font-size: 10px;color: #c0c0c0;margin-top: 5px;">service</div>
                    </div>
                </a>
                <a href="./wenzhang.html">
                    <div class="nav-content">
                        <div>文章</div>
                        <div style="font-size: 10px;color: #c0c0c0;margin-top: 5px;">article</div>
                    </div>
                </a>
                <a href="./guanyu.html">
                    <div class="nav-content">
                        <div>关于</div>
                        <div style="font-size: 10px;color: #c0c0c0;margin-top: 5px;">about</div>
                    </div>
                </a>
            </div>
        </div>
        <div class="wrapper">
            <div class="title">
                <div class="t-txt">
                    <p>知法懂法</p>
                    <em></em>
                    <span>了解法律保护自己</span>
                </div>
            </div>
            <div class="cw-c d-f fw-w jc-sb">
                <div class="cw-c-i">
                    <div class="date">
                        <p class="t1">01</p>
                        <p class="t2">2021-01</p>
                    </div>
                    <div class="drec">
                        <p class="p1 t-el">为什么要知法，守法，懂法？</p>
                        <p class="p2 ts-el">因为法律才是最正确的防御，用最正确的方式保护自己，维护自己的权利</p>
                    </div>
                </div>
                <div class="cw-c-i">
                    <div class="date">
                        <p class="t1">02</p>
                        <p class="t2">2021-02</p>
                    </div>
                    <div class="drec">
                        <p class="p1 t-el">法律构建的秩序是人类社会存续的必须品。</p>
                        <p class="p2 ts-el">自有人类社会以来，规则和秩序一直是必不可少的东西，无序和混乱只会让我们感到恐慌和无措。没有规则和秩序的生活无法给我们带来安全感。</p>
                    </div>
                </div>
                <div class="cw-c-i">
                    <div class="date">
                        <p class="t1">03</p>
                        <p class="t2">2021-03</p>
                    </div>
                    <div class="drec">
                        <p class="p1 t-el">法律本身代表着积极向上和公正的价值观，有利于每个人的发展。</p>
                        <p class="p2 ts-el">法律作为上层建筑的一种对于经济基础具有良好的推动作用，好的法律能够推动经济发展和生产力的提升。我们常常会看到其他国家各种奇葩的法律规定。</p>
                    </div>
                </div>
                <div class="cw-c-i">
                    <div class="date">
                        <p class="t1">04</p>
                        <p class="t2">2021-04</p>
                    </div>
                    <div class="drec">
                        <p class="p1 t-el">法律的实施使得社会的矛盾得以化解，实现公平正义</p>
                        <p class="p2 ts-el">
                            法律制定出来之后，绝对会有不遵守的人，如果不加以遵守，法律将会形同虚设。只有共同遵守法律才会形成良好的秩序，我们的生活才会有安全感而不是充满不确定和未知的危险。因此对于那些不守规矩的人必须要给予他们一定的处罚。
                        </p>
                    </div>
                </div>
                <div class="cw-c-i">
                    <div class="date">
                        <p class="t1">05</p>
                        <p class="t2">2021-03</p>
                    </div>
                    <div class="drec">
                        <p class="p1 t-el">法律本身代表着积极向上和公正的价值观，有利于每个人的发展。</p>
                        <p class="p2 ts-el">法律作为上层建筑的一种对于经济基础具有良好的推动作用，好的法律能够推动经济发展和生产力的提升。我们常常会看到其他国家各种奇葩的法律规定。</p>
                    </div>
                </div>
                <div class="cw-c-i">
                    <div class="date">
                        <p class="t1">06</p>
                        <p class="t2">2021-04</p>
                    </div>
                    <div class="drec">
                        <p class="p1 t-el">法律的实施使得社会的矛盾得以化解，实现公平正义</p>
                        <p class="p2 ts-el">
                            法律制定出来之后，绝对会有不遵守的人，如果不加以遵守，法律将会形同虚设。只有共同遵守法律才会形成良好的秩序，我们的生活才会有安全感而不是充满不确定和未知的危险。因此对于那些不守规矩的人必须要给予他们一定的处罚。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>